<ion-tabs>
  <ion-tab-bar  slot="bottom" (ionTabBarChanged) = "change($event)" style="contain:none !important;  border: none;">
    <ion-tab-button tab="lottery" class="tab-one" (click)="selectFun(4)">
      <ion-icon class="iconfont  ion-ios-wl-lottery" style="font-size: 30px"></ion-icon>
      <ion-label>开奖</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="report" class="tab-two" (click)="selectFun(5)">
      <ion-icon class="iconfont  ion-ios-wl-report" style="font-size: 30px"></ion-icon>
      <ion-label>报表</ion-label>
    </ion-tab-button>
    <ion-tab-button  selected="true" class="tab-three" (click)="selectFun(3)">
        <!-- <ion-icon class="iconfont  ion-ios-wl-buy" style="font-size: 30px"></ion-icon>   -->
        <div>
            <!-- <ion-img [src]="flag=='home'?'assets/svg/wl-buy-img-select.svg':'assets/svg/wl-buy-img.svg'"></ion-img> -->
            <img [ngClass]="{'center-img':isAnimation}"  (animationend)="aniEndFun()" [src]="'assets/icon/tab-lot-select.png'" style="height: 38px; width: 38px; margin: 0 auto;" />
            <!-- <ion-img [src]="flag=='home'?'assets/icon/tab-lot-select.png':'assets/icon/tab-lot.png'"></ion-img> -->
        </div>
      <ion-label style="color: #ff6565;">首页</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="recharge" class="tab-four" (click)="selectFun(2)">
      <ion-icon class="iconfont  ion-ios-wl-recharge" style="font-size: 30px"></ion-icon>
      <ion-label>提现充值</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="my" class="tab-five" (click)="selectFun(1)">
      <ion-icon class="iconfont  ion-ios-wl-my" style="font-size: 30px">
      </ion-icon>
      <ion-label>菜单</ion-label>
    </ion-tab-button>
  </ion-tab-bar>
</ion-tabs>